
/* Start jarssmy styles */
html, body { background-color: #fff;} 
h1, h2, h3, h4 {color: #000;}
h1 {
    font-weight: bold;
    font-size: 1.7em;
}	
h2 { 
    color: #000;
    font-weight: bold;
    font-size: 1.3em;
	}
h3 { 
    font-weight: bold;
	font-size: 1.2em;
	}
h4 {
    font-weight: bold;
	font-size: 1.05em;
}

a { color: #3366cc; text-decoration: none; }
a:link, a:visited { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: none; color: #f10000;}
a:active { color: #3366cc; text-decoration: none; }

hr { color:#eee;}
em { font-style:italic; }
ol, ul, dl { margin-left:2em; margin-bottom:1em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
p {margin-bottom:0.5em;
	line-height: 1.4em;
}

/* Block styling */
#hd { 
	background-color: #fff;
	color: #000; 
	}
#bd { 
	background-color: #fff;
	color: #000;
	font-size:1.05em;
	}
#ft { 
	background-color:#fff;
	color: #000; 
	text-align:center; 
	font-size:0.9em;
	}
	
#hd .hd { 
    padding: 1em 0em 0.5em 1em;
    background-color: #4C4C4C;
    }	
    
#hd .hd h2 {
    font-family: Georgia, Helvetica, sans-serif;
    font-size: 3em;
    color: #fff;    
}    

#bd #yui-main, #bd #sidebar {
    margin-top: 1em;
}

/* Navigation menu */

#hd .bd {
    background-color: #666;
    height: 2em;
}

#nav-menu {
}

#nav-menu a {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    padding: 0em 1em 0.8em 1em;
    background-color:#808080;
    color: #fff;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
#nav-menu a:hover {
    color: #6CF;
    background-color:#4c4c4c;
    padding: 0em 1em 1em 1em;    
}

#nav-menu a.selected {
    background-color: #4c4c4c;
    padding: 0em 1em 1.1em 1em;    
}

#nav-menu ul {
    display: block; 
}

#nav-menu li {
    background-color:#666;
    display: inline;
    list-style: none;
    font-size: 1.2em;
}

/* Flash message */
#message {
    font-size: 1.4em;
    border: 2px solid #aaa;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
}

.alert { padding:0.5em; text-align:center; }
.error { border:2px solid #fbb; background-color:#fdd; }
.warning { border:2px solid #fffaaa; background-color:#ffc; }
.notice { border:2px solid #1fdf00; background-color:#bbffb6; }

/* Forms like style */
form label { font-weight:bold; font-size: 1.1em; margin-top: 0.5em;}
form label span { font-weight:normal; color:#f00; font-size:0.85em; }
form span.info { font-style:italic; color:#aaa; font-size:0.85em; 
    margin-left: 0.5em;
    display: block; clear: both;}
form .text { display:block; width:99%; border:1px solid #aaa; padding:0.3em; 
    margin: 0.3em; 
}
form .column { width:48%; }
form .left { float:left; }
form .right { float:right; }

form ul.errors { 
    width: 99%;
    margin: 0.3em;
    padding: 0.3em; 
    border: 2px solid #fbb; 
    background-color:#fdd;
    color: red; 
    clear: both;
}
form ul.errors li {
    list-style: none;
}

/* Generic styles */
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }

.align-center { text-align: center;}

.hidden { display: none; }
.small {font-size: 0.8em;}
.adsense { }

/* specific styling */

.post {
    background-color: #fff;
	color: #000;
}

.post .hd {
    border: 1px solid #d5d5d5;
    background-color: #eaeaea;
	padding: 0.5em 1em 0.5em 1em;
}
.post .bd {
    padding: 0.5em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.post .hd h2 {
	color: #000;
	font-size: 1.2em;
}

.post .ft {
    padding: 0.5em 1em 0.2em 1em;
    background-color: #eee;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 1em;
}

.post .ft .tags {
    font-size: 0.8em;
}

.post-list .hd h2 {
    font-size: 1.2em;
}

.post-list .bd {
    
}

.post-list .ft {
    font-size: 0.8em;
}

.comment {
    background-color: #fff;
	color: #000;
}

.comment .hd {
    border: 1px solid #d5d5d5;
    background-color: #eaeaea;
	padding: 0.5em 1em 0.5em 1em;
}
.comment .bd {
    padding: 0.5em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.comment .hd h3 {
	color: #000;
	font-size: 1.2em;
}

.comment .ft {
    padding: 0.5em 1em 0.2em 1em;
    background-color: #eee;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 1em;
}

.comment-title {
    color: #4C4C4C;
}

#sidebar .block {
    margin-bottom: 0.7em;
}

#sidebar .block .hd {
    border: 1px solid #d5d5d5;
    background-color: #eaeaea;
	padding: 0.5em 1em 0.5em 1em;
}
#sidebar .block .bd {
    padding: 0.5em 0.5em 0em 0.5em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
#sidebar .block .hd h2 {
	color: #000;
	font-size: 1.2em;
}

#sidebar .block .ft {
    padding: 0.5em 1em 0.2em 1em;
    background-color: #eee;
    font-size: 1.2em;
    font-weight: bold;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 1em;
}

.posted-by {
    font-size: 0.8em;
}

.pager {
    margin-bottom: 1em;
    padding: 0.5em;
    border: 1px solid #d5d5d5;
}

.widget {
    border: 1px solid #d5d5d5;
    margin-bottom: 1em;
}

.widget .hd {
    background-color: #eaeaea;
    border-bottom: 1px solid #d5d5d5;
    padding: 0.5em;
}

.widget .hd h3 {
    margin-left: 0.5em;
}

.widget .bd {
    padding: 0.5em;
}

/* Form styles */
.form {
    margin-bottom: 1em;
}

.form .hd {
    border: 1px solid #d5d5d5;
    background-color: #eaeaea;
	padding: 0.5em 1em 0.5em 1em;    
}

.form .bd {
    padding: 1em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;    
}

.form .ft {
    padding: 1em;
    background-color: #eee;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 1em;
}

.form input.box, .form textarea {
    border: 1px solid #d5d5d5;
}

#preview {
	background-color: #fff;
	padding: 1.5em;
	margin: 1.5em;
	border: 1px solid #d5d5d5;
}

#preview .bd {
    height: 30em;
    overflow: auto;
}

.index-list {
    margin-bottom: 1em;
}
.index-list .list-header {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.2em;
}
.index-list .list-item {
    padding: 0.4em;
    margin: 0.2em;
}

.index-list .hd {
    border: 1px solid #d5d5d5;
    background-color: #eaeaea;
	padding: 0.5em 1em 0.5em 1em;    
}
.index-list .bd {
    padding: 1em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;    
}
.index-list .ft {
    padding: 0.5em;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;    
}

.index-list .odd {
    background-color: #E6E6E6;
}



